<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<WebMVC.Models.ProductViewModel>" %>

<asp:Content ID="meta" ContentPlaceHolderID="HeadContent" runat="server">
    <meta name="keywords" content="<%=ViewResources.MetaStrings.CustomizePageMetaKeywords %>"/>
	<meta name="description" content="<%=ViewResources.MetaStrings.CustomizePageMetaDescription %>" />
	<script src="/Scripts/ImageProcessor.js" type="text/javascript" > </script>
	<script type="text/javascript">
	    var templJsonPath = '<%=this.Url.Action("TemplateJSON","Product") %>';
	</script>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"><%= ViewResources.MetaStrings.CustomizePageTitle %></asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    
    <% Html.RenderPartial("WizardUserControl", (WebMVC.Models.ProductWizardViewModel)ViewData["wizard"]);%>
    <% using (Html.BeginForm()) {%>
    
    <h2 >
        <%= ViewResources.ProductStrings.CustomizeHeader %>
        <%= DataRes.StaticStrings.ResourceManager.GetString("product_type_" + Model.TypeKey)%>
    </h2>
   
    <div id="contactInfo">
        <!--<h4><%= ViewResources.ProductStrings.InfoDataHeader%></h4>-->
        <div id="field-container">
            <% Html.RenderAction("InfoDataFieldsControl", new { id = Model.DefaultDataTemplateId }); %>
        </div>
        <input type="hidden" id="templateId" name="templateId" value="<%=Model.DefaultDataTemplateId.ToString() %>" />
    </div>
    <div id="middle-cont">
        <div>
            <!--<h4><%=ViewResources.ProductStrings.LayoutHeader %></h4>-->
            <div>
                <% Html.RenderAction("InfoLayoutListControl", new { id = Model.ProductId }); %>
            </div>
        </div> 
        <div id="customizationZone">
                <img id="productImg" class="card-design" src="<%= Model.DesignPath%>" 
                     alt="<%= Html.Encode(Model.Name) %>" />
        </div>
        <input type="submit" name="Submit" value="Submit" />
    </div>
    <div id="right-cont">
        <div class="sides">
            <h5 class="side-name">Front side</h5>
            <a href="#"  >
                <img class="side-icon" src="<%= Model.DesignPath%>" alt="front side" />
            </a>
        </div>
        <div class="sides">
            <h5 class="side-name">Back side</h5>
            <a href="#"  >
                <img class="side-icon" src="<%= Model.DesignPath%>" alt="front side" />
            </a>
        </div>
    </div>  
    <% } %>
</asp:Content>
